<%@page contentType="text/html" %>
<%@page pageEncoding="UTF-8" %>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Goodwill - Регистрация</title>
    <link rel="stylesheet" href="resources/css/main.css"/>
    <link rel="stylesheet" href="resources/css/stylesheet.css"/>
    <link rel="stylesheet" href="resources/css/clients.css"/>
    <style type="text/css">
        .star {
            font-weight: bold;
            font-size: 160%;
            vertical-align: top;
            color: red;
        }
    </style>
</head>
<body>
<f:view>

    <jsp:include page="ClientHeaderWithoutSearch.jsp"/>

    <%-- -------------- Сообщение об ошибки -------------- --%>

    <h:panelGroup layout="block" styleClass="" style="width:100%">
        <center>
            <h:graphicImage value="/resources/img/clients_32.png"/>
            <h:outputText value="Регистрация" styleClass="caption1" style="font-weight:bold"/><br>
            <jsp:include page="messages.jsp"/>
        </center>
    </h:panelGroup>

    <h:form>
        <rich:panel styleClass="caption_pane">

            <center>

                <h:outputText value="Поля, отмеченные звездочкой обязательны для заполнения" style="color:red"/>

                    <%-- Общие данные --%>
                <rich:panel styleClass="reg_pane">
                    <f:facet name="header">
                        <h:outputText value="Общие данные" styleClass="b"/>
                    </f:facet>
                    <h:panelGrid columns="2" cellpadding="0" cellspacing="0" columnClasses="cl_l,cl_r">
                        <h:panelGroup>
                            <h:outputText value="Название компании<span class=\"star\">*</span>" escape="false"/><br>
                            <h:outputText value="Пример заполнения: ООО \"Ромашка\"" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbCompanyName" value="#{ClientRegistrationBean.client.companyName}"
                                     required="true" requiredMessage="Поле Название компании должно быть заполнено"/>

                        <h:panelGroup>
                            <h:outputText value="Вид деятельности"/><br>
                            <h:outputText value="Пример заполнения: магазин, склад, сервис" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbCompanyType" value="#{ClientRegistrationBean.client.companyType}"/>

                        <h:panelGroup>
                            <h:outputText value="Специализация"/><br>
                            <h:outputText value="марки производителей" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbSpeciality" value="#{ClientRegistrationBean.client.speciality}"/>

                        <h:outputText value="Адрес фактический"/>
                        <rich:editor id="tbAddressFact" value="#{ClientRegistrationBean.client.addressFact}" height="40"
                                     viewMode="source">
                            <rich:beanValidator/>
                        </rich:editor>

                        <h:outputText value="Адрес доставки"/>
                        <rich:editor id="tbAddressDlv" value="#{ClientRegistrationBean.client.addressDlv}" height="40"
                                     viewMode="source">
                            <rich:beanValidator/>
                        </rich:editor>

                        <h:panelGroup>
                            <h:outputText value="Сайт"/>
                        </h:panelGroup>
                        <h:inputText id="tbSite" value="#{ClientRegistrationBean.client.site}"
                                     validator="#{ClientRegistrationBean.validateUrl}"/>
                    </h:panelGrid>
                </rich:panel>

                    <%-- Менеджер --%>
                <rich:panel styleClass="reg_pane">
                    <f:facet name="header">
                        <h:outputText value="Менеджер (контактное лицо)" styleClass="b"/>
                    </f:facet>
                    <h:panelGrid columns="2" cellpadding="0" cellspacing="0" columnClasses="cl_l,cl_r">
                        <h:panelGroup>
                            <h:outputText value="ФИО<span class=\"star\">*</span>" escape="false"/><br>
                            <h:outputText value="Пример заполнения: Иванов Александр Петрович" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbConactFio" value="#{ClientRegistrationBean.client.contactFio}"
                                     required="true" requiredMessage="Поле ФИО менеджера должно быть заполнено"/>

                        <h:panelGroup>
                            <h:outputText value="Рабочий телефон<span class=\"star\">*</span>" escape="false"/><br>
                            <h:outputText value="Пример заполнения: +7 (495) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbContactPhoneWork" value="#{ClientRegistrationBean.client.contactPhoneWork}"
                                     required="true"
                                     requiredMessage="Поле Рабочий телефон (менеджера) должно быть заполнено"/>

                        <h:panelGroup>
                            <h:outputText value="Мобильный телефон<span class=\"star\">*</span>" escape="false"/><br>
                            <h:outputText value="Пример заполнения: +7 (936) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbContactPhoneMob" value="#{ClientRegistrationBean.client.contactPhoneMob}"
                                     required="true"
                                     requiredMessage="Поле Мобильный телефон (менеджера) должно быть заполнено"/>

                        <h:panelGroup>
                            <h:outputText value="Email<span class=\"star\">*</span>" escape="false"/>
                        </h:panelGroup>
                        <h:inputText id="tbContactEmail" value="#{ClientRegistrationBean.client.contactEmail}"
                                     validator="#{ClientRegistrationBean.validateEmail}"
                                     required="true" requiredMessage="Поле EMail (менеджера) должно быть заполнено"/>
                    </h:panelGrid>
                </rich:panel>

                    <%-- Руководитель --%>
                <rich:panel styleClass="reg_pane">
                    <f:facet name="header">
                        <h:outputText value="Руководитель" styleClass="b"/>
                    </f:facet>
                    <h:panelGrid columns="2" cellpadding="0" cellspacing="0" columnClasses="cl_l,cl_r">
                        <h:panelGroup>
                            <h:outputText value="ФИО"/><br>
                            <h:outputText value="Пример заполнения: Иванов Александр Петрович" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBossFio" value="#{ClientRegistrationBean.client.bossFio}"/>

                        <h:panelGroup>
                            <h:outputText value="Рабочий телефон"/><br>
                            <h:outputText value="Пример заполнения: +7 (495) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBossPhoneWork" value="#{ClientRegistrationBean.client.bossPhoneWork}"/>

                        <h:panelGroup>
                            <h:outputText value="Мобильный телефон"/><br>
                            <h:outputText value="Пример заполнения: +7 (936) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBossPhoneMob" value="#{ClientRegistrationBean.client.bossPhoneMob}"/>

                        <h:panelGroup>
                            <h:outputText value="Email"/>
                        </h:panelGroup>
                        <h:inputText id="tbBossEmail" value="#{ClientRegistrationBean.client.bossEmail}"
                                     validator="#{ClientRegistrationBean.validateEmail}"/>
                    </h:panelGrid>
                </rich:panel>

                    <%-- Бухгалтер --%>
                <rich:panel styleClass="reg_pane">
                    <f:facet name="header">
                        <h:outputText value="Бухгалтер" styleClass="b"/>
                    </f:facet>
                    <h:panelGrid columns="2" cellpadding="0" cellspacing="0" columnClasses="cl_l,cl_r">
                        <h:panelGroup>
                            <h:outputText value="ФИО"/><br>
                            <h:outputText value="Пример заполнения: Иванов Александр Петрович" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBuhFio" value="#{ClientRegistrationBean.client.buhFio}"/>

                        <h:panelGroup>
                            <h:outputText value="Рабочий телефон"/><br>
                            <h:outputText value="Пример заполнения: +7 (495) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBuhPhoneWork" value="#{ClientRegistrationBean.client.buhPhoneWork}"/>

                        <h:panelGroup>
                            <h:outputText value="Мобильный телефон"/><br>
                            <h:outputText value="Пример заполнения: +7 (936) 122-22-33" styleClass="hint"/>
                        </h:panelGroup>
                        <h:inputText id="tbBuhPhoneMob" value="#{ClientRegistrationBean.client.buhPhoneMob}"/>

                        <h:panelGroup>
                            <h:outputText value="Email"/>
                        </h:panelGroup>
                        <h:inputText id="tbBuhEmail" value="#{ClientRegistrationBean.client.buhEmail}"
                                     validator="#{ClientRegistrationBean.validateEmail}"/>
                    </h:panelGrid>
                </rich:panel>

                <h:outputText value="Поля, отмеченные звездочкой обязательны для заполнения"/>
                <br>

                <a4j:commandButton value="Регистрация" action="#{ClientRegistrationBean.registration}"
                                   oncomplete="if(#{!ClientAuthorizationBean.hasFacesErrors}) #{rich:component('modalReg')}.show();"
                                   styleClass="b" style="margin-top:5px;height:22px;"/>
            </center>
        </rich:panel>


        <jsp:include page="ClientFooter.jsp"/>
    </h:form>

    <%-- -------------- Завершение регистрации -------------- --%>
    <rich:modalPanel id="modalReg" autosized="true" width="350">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Завершение регистрации"/>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:graphicImage value="/resources/img/close.png"
                            styleClass="hidelink"
                            onclick="document.location='ClientGoodsPage.jsf'"/>
        </f:facet>
        <a4j:outputPanel ajaxRendered="false">
            <h:outputText
                    value="В течение нескольких минут на почтовый ящик, указанный при регистрации, придет письмо. Для подтверждения регистрации необходимо пройти по ссылке, содержащейся в письме. А сейчас Вы можете перейти на "/>
            <a4j:commandLink value="главную" onclick="document.location='ClientGoodsPage.jsf'"/>
            <h:outputText value=" страницу."/>
        </a4j:outputPanel>
    </rich:modalPanel>

</f:view>
</body>
</html>